<template>
  <div>
    <div class="scroll">
      <vue3-seamless-scroll :list="initData"   :singleHeight="30">
        <div class="item flex justify-around items-center h-[43px] leading-[43px] text-[#C9ECFF] text-[14px]" v-for="(item, index) in initData" :key="index">
          <span v-for="(itm, index) in item" :key="itm" class="w-[25%] flex justify-center">
            {{ itm }}
          </span>
        </div>
      </vue3-seamless-scroll>
    </div>
  </div>
</template>

<script setup>
import { defineComponent, ref } from "vue";
defineProps({
  initData: {
    type: Array,
    default: () => [],
  },
});
</script>

<style lang="scss" scoped>
.scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.item {
    border-bottom: 1px solid #1761C0;
    > span {
        min-width: 0;
    }
}
</style>
